<template>
    <div class="home-card lisHeight">
        <Table id="Home-table" :data-clipboard-text="text" @on-row-click="copy" class="home-border-radio" height="450" stripe :columns="columns5" :data="con.admin_log"></Table>
    </div>
</template>
<script>
    import Clipboard from "clipboard"
    export default {
        data () {
            return {
                columns5: [
                    {
                        title:"管理员名称",
                        key:"username",
                        align:"center",
                    },
                    {
                        title:"登录时间",
                        key:"add_time",
                        align:"center",
                        sortable: true,
                        render:(h,params)=>{
                            return this.timeFormat(params.row.add_time)
                        }
                    },
                    {
                        title:"登录Ip",
                        key:"ip",
                        align:"center",
                        // width:250,
                    },
                    // {
                    //     title:"订单价格",
                    //     key:"totalmoney",
                    //     align:"center",
                    //     sortable: true,
                    //     render: (h, params) => {
                    //         return h('div', [
                    //             h('p', "¥ "+params.row.totalmoney),
                    //         ]);
                    //     }
                    // },
                    // {
                    //     title:"订单状态",
                    //     key:"orderstatus",
                    //     align:"center",
                    //     filterMultiple: false,
                    //     filters: [
                    //         {
                    //             label: '已完成',
                    //             value: 1
                    //         },
                    //         {
                    //             label: '待发货',
                    //             value: 2
                    //         },
                    //         {
                    //             label: '待收货',
                    //             value: 3
                    //         }
                    //     ],
                    //     filterMethod (value, row) {
                    //         if (value === 1) {
                    //             return !!(row.status === 1)
                    //         }else if(value === 2){
                    //             return !!(row.status === 2)
                    //         }else if(value === 3){
                    //             return !!(row.status === 3)
                    //         }
                    //     },
                    //     render: (h, params) => {
                    //         if(params.row.orderstatus==="1"){
                    //             return h('div', [
                    //                 h('Icon', {
                    //                     props:{
                    //                         type:"clock"
                    //                     },
                    //                     style: {
                    //                         color: '#19be6b',
                    //                         marginRight:"8px"
                    //                     }
                    //                 }),
                    //                 h('span', {
                    //                     style: {
                    //                         color: '#19be6b'
                    //                     }
                    //                 }, "已受理"),
                    //             ]);
                    //         }else if(params.row.orderstatus==="2"){
                    //             return h('div', [
                    //                 h('Icon', {
                    //                     props:{
                    //                         type:"clock"
                    //                     },
                    //                     style: {
                    //                         color: '#f90',
                    //                         marginRight:"8px"
                    //                     }
                    //                 }),
                    //                 h('span', {
                    //                     style: {
                    //                         color: '#f90'
                    //                     }
                    //                 }, "打包中"),
                    //             ]);
                    //         }else if(params.row.orderstatus==="3"){
                    //             return h('div', [
                    //                 h('Icon', {
                    //                     props:{
                    //                         type:"android-walk"
                    //                     },
                    //                     style: {
                    //                         color: '#f16543',
                    //                         marginRight:"8px"
                    //                     }
                    //                 }),
                    //                 h('span', {
                    //                     style: {
                    //                         color: '#f16543'
                    //                     }
                    //                 }, "配送中"),
                    //             ]);
                    //         }else if(params.row.orderstatus==="4"){
                    //             return h('div', [
                    //                 h('Icon', {
                    //                     props:{
                    //                         type:"checkmark"
                    //                     },
                    //                     style: {
                    //                         color: '#19be6b',
                    //                         marginRight:"8px"
                    //                     }
                    //                 }),
                    //                 h('span', {
                    //                     style: {
                    //                         color: '#19be6b'
                    //                     }
                    //                 }, "已收货"),
                    //             ]);
                    //         }else if(params.row.orderstatus==="5"){
                    //             return h('div', [
                    //                 h('Icon', {
                    //                     props:{
                    //                         type:"checkmark"
                    //                     },
                    //                     style: {
                    //                         color: '#19be6b',
                    //                         marginRight:"8px"
                    //                     }
                    //                 }),
                    //                 h('span', {
                    //                     style: {
                    //                         color: '#19be6b'
                    //                     }
                    //                 }, "已完成"),
                    //             ]);
                    //         }else if(params.row.orderstatus==="-1"){
                    //             return h('div', [
                    //                 h('Icon', {
                    //                     props:{
                    //                         type:"android-walk"
                    //                     },
                    //                     style: {
                    //                         color: '#f16543',
                    //                         marginRight:"8px"
                    //                     }
                    //                 }),
                    //                 h('span', {
                    //                     style: {
                    //                         color: '#f16543'
                    //                     }
                    //                 }, "已取消"),
                    //             ]);
                    //         }else if(params.row.orderstatus==="-2"){
                    //             return h('div', [
                    //                 h('Icon', {
                    //                     props:{
                    //                         type:"clock"
                    //                     },
                    //                     style: {
                    //                         color: '#f16543',
                    //                         marginRight:"8px"
                    //                     }
                    //                 }),
                    //                 h('span', {
                    //                     style: {
                    //                         color: '#f16543'
                    //                     }
                    //                 }, "待支付"),
                    //             ]);
                    //         }else if(params.row.orderstatus==="-3"){
                    //             return h('div', [
                    //                 h('Icon', {
                    //                     props:{
                    //                         type:"android-walk"
                    //                     },
                    //                     style: {
                    //                         color: '#f16543',
                    //                         marginRight:"8px"
                    //                     }
                    //                 }),
                    //                 h('span', {
                    //                     style: {
                    //                         color: '#f16543'
                    //                     }
                    //                 }, "订单取消"),
                    //             ]);
                    //         }else if(params.row.orderstatus==="-4"){
                    //             return h('div', [
                    //                 h('Icon', {
                    //                     props:{
                    //                         type:"android-walk"
                    //                     },
                    //                     style: {
                    //                         color: '#f16543',
                    //                         marginRight:"8px"
                    //                     }
                    //                 }),
                    //                 h('span', {
                    //                     style: {
                    //                         color: '#f16543'
                    //                     }
                    //                 }, "退款成功"),
                    //             ]);
                    //         }else if(params.row.orderstatus==="-5"){
                    //             return h('div', [
                    //                 h('Icon', {
                    //                     props:{
                    //                         type:"android-walk"
                    //                     },
                    //                     style: {
                    //                         color: '#f16543',
                    //                         marginRight:"8px"
                    //                     }
                    //                 }),
                    //                 h('span', {
                    //                     style: {
                    //                         color: '#f16543'
                    //                     }
                    //                 }, "退款驳回"),
                    //             ]);
                    //         }
                    //     }
                    // }
                ],
                text:"",//
            }
        },
        methods:{
            copy(data,index){
                var that=this
                this.text=data.orderNum
                var clipboard = new Clipboard('#Home-table')
                clipboard.on('success', e => {
                    that.$Message.success('已复制订单号 : '+data.orderNum);
                    // 释放内存
                    clipboard.destroy()
                })
            },
        },
        props:{
            con:{
                type: Object,
                default: ()=> {
                    return {}
                }
            }
        }
    }
</script>
<style scoped>
    .lisHeight{height: 450px;cursor: pointer}
</style>